/* components/customTabBar/index.wxss */
.custom-tabs {
    opacity: 1;
    width: 100%;
    height: 172rpx;
    position: relative;
    /* overflow: hidden; */
}

.custom-tabs-view {
    position: absolute;
    bottom: 0;
    box-shadow: 0 15rpx 25rpx rgba(0, 0, 0, 0.2);
    background-color: white;
    height: 100rpx;
    display: flex;
    align-items: center;
}

.tab-list {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tab-content {
    flex: 1;
}

.default {
    flex: 1;
    color: #666666;
    font-size: 28rpx;
}

.active {
    color: #3aba2d;
    flex: 1;
    font-size: 28rpx;
}

.tabbar-center {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0rpx;
    height: 150rpx;
    width: 175rpx;
    display: flex;
    flex-direction: column;
}

.tabbar-icon-view {
    padding-top: 22rpx;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    text-align: center;
}

.tabbar-icon {
    width: 89rpx;
    height: 89rpx;
}
